<!DOCTYPE html>
<?php
/**
 * @version     1.0.0
 * @package     mylits engine
 * @license     GNU General Public License version 3
 * @author      Arfan Fudyartanto D N <arfan@mylits.com> - http://engine.mylits.com
 */
defined('MYLITS') ? '' : exit('No direct script access allowed');
/**
 * Variable reference
 * 
 * $this->header                : document header
 * $this->component             : component content
 * $this->base_theme            : path to template
 * $this->theme                 : theme name
 * $this->widgets->position     : show widgets
 * $this->loader                : display loader bar
 * 
 * <mylits:renderer:menu/>      : render component
 */
?>
<html>
    <head>
        <title>MYLITS ENGINE</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="PHP, Framework, PHP framework" />
        <meta name="description" content="Mylits engine is open, secure, and lightweight php framework. Its goal is to making php application development more easy efficient in time and build extremely moduler application" />
        <?= $this->header ?>
        <script type="text/javascript" src="<?= $this->base_theme ?>js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="<?= $this->base_theme ?>js/bootstrap.min.js"></script>
        <link rel="stylesheet" type="text/css" href="<?= $this->base_theme ?>css/bootstrap.min.css"/>

        <!--<link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>-->

        <script type="text/javascript" src="<?= $this->base_theme ?>js/main.js"></script>
        <link rel="stylesheet" type="text/css" href="<?= $this->base_theme ?>css/main.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <?php
        #initial widget
        $widgets = $this->widgets;
        ?>
        <?php if (isset($widgets->left_menus) && !empty($widgets->left_menus)): ?>
            <style type="text/css">
                #component{padding-left: 40px}
            </style>
        <?php endif; ?>
    </head>
    <body>
        <div id="beta"></div>
        <div class="region blue" id="region-panel">
            <div class="wrapper">
                <div class="row">
                    <div class="col-md-4" id="header-left">
                        <div id="site-title">
                            <a href="<?= BASE_URL ?>"><span class="font65Md">Mylits</span> <span>engine v.1.0 (beta)</span></a>
                        </div>
                    </div>
                    <div class="col-md-8" id="header-right">
                        <?php if (isset($widgets->login)): ?>
                            <?= $widgets->login ?>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
        <div id="main-body">
            <?php if (isset($widgets->left_menus) && !empty($widgets->left_menus)): ?>
                <div id="left-menus">
                    <?= $widgets->left_menus ?>
                </div>
            <?php endif; ?>
            <div id="component-box">
                <div class="wrapper">
                    <div id="component">
                        <div id="loder"><?= $this->loader ?></div>
                        <div class="inner">
                            <div class="content">
                                <?= $this->component ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="blue" id="footer">
            <div class="wrapper">
                <div class="row">
                    <div id="footer-left" class="col-sm-6">
                        &copy; 2013 <a target="_blank" style="color: white" href="http://mylits.com">MYLITS</a> Inc. All rights reserved.
                    </div>
                    <div id="footer-right" class="col-sm-6">
                        <?php if (isset($widgets->footer_right) && !empty($widgets->footer_right)): ?>
                            <?= $widgets->footer_right ?>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
